*{margin: 0; padding: 0; font-size: 14px; color: #333;}
ul li{list-style: none;}
img{border: 0;}
a{text-decoration: none; color: #333;}

@font-face {
  font-family: 'iconfont';  /* project id 795994 */
  src: url('//at.alicdn.com/t/font_795994_jidow38ze6.eot');
  src: url('//at.alicdn.com/t/font_795994_jidow38ze6.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_795994_jidow38ze6.woff') format('woff'),
  url('//at.alicdn.com/t/font_795994_jidow38ze6.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_795994_jidow38ze6.svg#iconfont') format('svg');
}

.red{color: #f23f3f;}
.container{width: 1290px; margin: 0 auto;}
header{height: 61px; line-height: 61px; background: white;border-bottom:1px solid #e2e2e2;}
.header{position: fixed;border-bottom:none; left: 0; top: 0; width: 100%; z-index: 10; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;box-shadow: 0 1px 5px rgba(0,0,0,0.3);}
	.logo{float: left; margin-left: 30px;}
	.login{margin-right:15px;}
	.login,.header__cat{float: right;}
	.login a,.login input,.header__cat input{padding:5px 18px; cursor:pointer;}
	.login input,.header__cat input{background: #0057ff; color: #fff; border: none; border-radius: 3px; display: inline-block;}
	.header__cat{display: none;}
	.header__ava{cursor: pointer; float: left; line-height: 29px; margin-right: 35px; position: relative; height: 47px; padding: 0 10px; padding-top: 14px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
	.header__ava:hover{ background: rgba(0,0,0,.8); -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;}
	.header__ava:hover font{color: #ccc;}
	.header__ava:hover .personal-infor{opacity: 1; height: auto; width:110%;-webkit-transition:all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;}
		.tx{width: 32px; height: 32px; border-radius: 100%; float: left; margin-right: 5px; background: #ccc;}
		.personal-infor{opacity: 0; height: 0; width: 0; overflow: hidden; background: rgba(0,0,0,.8); position: absolute; top: 61px; left: 0; z-index: 2; width: 110%;padding: 10px; border-radius: 8px; border-top-left-radius: 0; padding-top: 5px;}
		.personal-infor li{ line-height: 40px; text-indent: 10px;}
		.personal-infor li a{ color: #999; display: block;}
		.personal-infor li a:hover{color: #ccc;}
		.personal-infor h4{font-size: 12px; position: relative; color: #ccc;}
		.personal-infor h4:after{content: '';height: 1px; width: 100%; position: absolute; bottom: -5px; left: 0; background: rgba(255,255,255,.1);}
		.nav-lef{float: left;}
		.nav-lef>div{float: left; padding: 0 25px;}
			.nav-search input{width: 348px; height: 34px; background: #f1f1f1; border: 1px solid #eee; text-indent: 6px; line-height: 34px; border-radius: 3px;}
			.nav-group{cursor: pointer; position: relative; z-index: 3; height: 44px; line-height: 37px; margin-top: 10px; border-top-left-radius: 8px;border-top-right-radius: 8px;}
			.nav-group:hover{color: #fff; background: #1a56ca;-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;}
			.nav-group:hover .search_box{opacity: 1; height: auto; width: 204px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;}
			.nav-group:hover>i{color: #fff;}
			.nav-group>i{font-size: 12px;}
				.search_box{width: 0; height: 0; overflow: hidden; opacity: 0; position: absolute; right: 0; width: 204px; background: #1a56ca; padding: 15px 0 30px 0; border-radius:4px;}
				.search_box li{height: 38px; line-height: 38px; color: #fff; position: relative; border-bottom: 1px solid rgba(255,255,255,.1); padding:0 15px ;}
				.search_box li:hover{background:red;}
				.search_box li:last-child{border-bottom: none;}
				.search_box li i{color: #ccc;margin-right: 9px;}
				.search_box li a{ color: #fff;}
				.search_box li span{ float: right; font-size: 11px; height: 16px; padding: 0 5px; line-height: 16px; background: #528dff; margin-top: 12px; color: #fff;}
			
		.nav-rig{float: right; padding-right: 25px;}
		.nav-rig li{float: left; padding: 0 25px;}
#banner{height: 520px; background:black url(../images/scbg_9.jpg) repeat center top; position: relative; margin-bottom: 50px;}
	.black{background: black; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: .65; z-index: 1;}
	.flexslider{ height: 460px; position: relative; z-index: 2;}
.prod-pic{}
	.pro-nav{text-align: center; margin-bottom: 50px;}
	.pro-nav li{display: inline-block; padding: 0 30px;}
	.pro-nav li a{font-size: 18px; padding: 0 9px; padding-bottom: 5px;}
	.pro-nav li a:hover,.active{color: #0057ff; border-bottom: 3px solid #0057ff;}
.section-pic{ overflow: hidden;}
	.section-pic ul{ width: 1320px; overflow: hidden;}
	.section-pic li{float: left; margin-bottom: 10px; margin-right: 30px; cursor: pointer;}
	.section-pic li:hover .operation{ -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; opacity: 1;}
		.disp-img{width: 300px; height: 200px; position: relative; background: pink;}
			.operation{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.4); -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; opacity: 0;}
			.operation a{float: right; width: 61px; height: 32px; background: rgba(255,255,255,.8); text-align: center; line-height: 32px; border-radius: 3px; margin-right:10px; margin-top: 15px;}
				.author{position: absolute; bottom: 0; left: 0;width:100%; padding: 0 0 10px 0;}
				.author dt{border-radius: 100%; width: 32px; height: 32px; float: left; background: pink;margin-left:10px;}
				.author dd{float: left; color: #fff; line-height: 32px; margin-left: 10px; font-size: 13px;}
		    .author dd.jfbq{float:right;}
		    .author dd.jfbq span{color:#fff;padding-right:15px;}
		.disp-img img,.author dt img{width: 100%;}
		.section-pic li p{line-height: 40px;}
		a.click-more{width: 298px; height: 42px; line-height: 42px; border:1px solid #ccc; color: #999; border-radius: 3px;  font-size:16px; text-align: center; display: block; margin: 70px auto;}
		a.click-more:hover{background: #0057ff;color:#fff;border:1px solid #0057ff;}
.recommend,.des-element{border-top:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; background: #f5f5f5;padding-top:60px;}
.recommend h4{font-size:30px;text-align:left;font-weight:300;color:#555;margin-bottom:35px;}
	.des-elem-title{height: 26px; margin-bottom: 30px; overflow: hidden;}
	.des-elem-title h4{float: left; font-size: 18px; position: relative; text-indent: 15px;}
	.des-elem-title h4:after{ content: ''; width: 5px; height: 100%; background: #0057ff; position: absolute; left: 0; top: 0;}
	.des-elem-title ul{float: right;}
	.des-elem-title ul li{float: left; margin-left: 25px; line-height: 26px;}
	
/**公共列表页面**/
.displaybox{border-bottom:1px solid #e5e5e5;background:white;padding-top:20px;}
.displaybox p{width:100%;height:1px;background:#e2e2e2;margin:20px 0 10px 0;}
	.display{width:1290px;height:120px;line-height:120px;margin:0 auto;text-align:center;border-radius:4px;background:bisque;color:#111;}	
	.classify-bg{width:1290px; margin:0 auto;background:white;}
		.classify{}
	  .classify .ifytitle{float:left;width:120px;}
	  .classify .ifynr{float:right;width:120px;}
			.cation-middle{line-height:48px;background:#fff;font-size:14px}
				.cation-list{overflow:hidden;padding-top:10px;}
				.cation-list dt{float:left;width:82px;font-weight:700;line-height:32px;position:relative;color:#333}
				:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
				/*.cation-list dt:after{content:"";position:absolute;right:12px;top:22px;border:1px solid #333;border-width:0 1px 1px 0;width:4px;height:4px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}*/
				.cation-list dd{padding-bottom:10px;border-bottom:1px dashed #f5f5f5;margin-left:64px;overflow:hidden}
				.cation-list dd a{color:#8d8d91;font-size:14px;line-height:18px;height:18px;float:left;padding-right:28px;margin:8px 0}
				.cation-list a:hover,.cation-list dd a.on{color:#0057ff}
				.cation-list dd a:last-child{border-right:0 none}
				.cation-list:last-of-type dd{border-bottom:0 none}

	  
	  
	  .tab-nav-container{width:1290px;clear:both;height:auto;display:inline-block;}
	  .tab-nav-container .label{float:left;width:200px;}	
	  .tab-nav-container .classification{float:left;width:890px;}	
		  .sub-small{padding-left:480px;}
			.sub-small>li{float:left; position:relative;z-index:1;height:auto;height:52px;line-height:52px;}
			.sub-small>li>a{float:left;padding:0 28px;text-align:center;display:inline-block;font-size:16px;}
				.sub-small>li:hover .warp{display:block;}
				.warp{display:none;position:absolute;top:52px;width:100%;z-index:999;}
				.warp ul{ width: 100%; background: #fff; padding: 10px;border-radius: 5px;padding: 10px 0;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}
				.warp ul li{border-bottom: #f3f3f3 1px solid; height: 40px; line-height: 40px; font-size: 12px;cursor:pointer;}
				.warp ul li a{display: inline-block; height: 40px; line-height: 40px; width: 100%;text-align:center;}
				.warp ul li a:hover{background: #0057ff; color: #fff;}
				.warp ul li:last-child{border-bottom: none;}
				
			  .tab-nav-container .screen{float:right;width:200px;text-align:right;line-height:52px;}	
	  
/*详情页*/
.pro-name{height:73px; line-height: 73px; background: #f8f8f8;}
.pro-name h4{ font-size: 21px; color: #111111; font-weight: normal;}
.info-mian{padding: 30px 0; overflow: hidden;}
	.mian-img{width: 960px; float: left; margin-right: 30px;}
		.small-pic{width:960px;margin-top:15px;}
		.small-pic li{float: left;}
		.small-pic>a{height: 74px; width: 19px; border: 1px solid #d2d2d2; background: #e5e5e5; text-align: center; line-height: 74px; cursor: pointer;}
		.small-pic a.prev{float: left; margin-right: 15px;}
		.small-pic a.next{float: right;}
		.all-small-img{margin-left: 15px;width: 888px; overflow: hidden;}
		.all-small-img ul{ width: 1903px;}
		.all-small-img li{width: 114px; height: 76px; margin-right: 15px;}
	.sub-information{float: left; width: 300px;}
		.download{width: 100%; height: 43px; line-height: 43px; border-radius: 3px; color: #fff; background: #0057ff; display: block; text-align: center; font-size: 16px;}
		.gray{background: #f7f8fa; padding: 21px; margin-top: 25px;}
		.img-infor li{line-height: 30px; overflow: hidden;}
		.img-infor li span{float: left; width: 72px; text-align: right; font-size: 13px;}
		.img-infor li font{float: right; text-align: right; color: #888; font-size: 13px;}
		.img-lable h4{font-size: 15px; position: relative; font-weight: normal; line-height: 29px; text-indent: 10px; margin-bottom: 13px;}
		.img-lable h4:after{content: ''; position: absolute; left: 0; top: 8px; width: 3px; height: 15px; background: #204d98;}
		.lable-box{width: 260px; overflow: hidden;}
		.img-lable ul{width: 270px;}
		.img-lable li{text-align: center; display: inline-block; }
		.img-lable li a{border: 1px solid #cecece; background: white; padding: 5px 10px; border-radius: 15px; margin-right: 6px; margin-bottom: 8px; display: block;}
		.img-lable li a:hover{border-color: #204d98; color: #204d98;}
		.img-lable p{font-size: 13px; color: #636363; line-height: 24px;}
	
	
footer{height: 200px; background: #333;}
	.foot-left{float: left;padding-top: 50px;}
	.foot-left ul{height: 28px; line-height: 28px; margin: 30px 0 15px 0; font-size: 12px;}
	.foot-left ul li{float: left; padding: 0 13px; position: relative;}
	.foot-left ul li:nth-child(1){padding-left: 0;}
	.foot-left ul li em{position: absolute; right: 0; top: 10px; width: 1px; height: 12px; background: rgba(255,255,255,.3);}
	.foot-left ul li a{color: #999;}
	.foot-left p,.foot-right p{color: #999; font-size: 12px;}
	.foot-right{float: right; text-align: right; padding-top: 45px;}
	.foot-right img{margin-bottom: 5px;}



/*翻页*/
#page{ height:36px; padding:30px 0 60px 0; }
#page li{ display:block; margin-right:5px; width:36px; height:36px; float:left; background:#fff;
		-webkit-transition: background .3s cubic-bezier(0.39, 0.575, 0.565, 1);
		-o-transition: background .3s cubic-bezier(0.39, 0.575, 0.565, 1);
		-moz-transition: background .3s cubic-bezier(0.39, 0.575, 0.565, 1);
		transition:background .3s cubic-bezier(0.39, 0.575, 0.565, 1);	}
#page li a{ height:36px; line-height:36px; text-align:center; display:block;
		-webkit-transition: background .3s cubic-bezier(0.39, 0.575, 0.565, 1);
		-o-transition: background .3s cubic-bezier(0.39, 0.575, 0.565, 1);
		-moz-transition: background .3s cubic-bezier(0.39, 0.575, 0.565, 1);
		transition:background .3s cubic-bezier(0.39, 0.575, 0.565, 1);	}
#page li:hover,#page li.current{ background-color:#0057ff; }
#page li:hover a,#page li.current a{ color:#fff; }
	.page-prev a{ background:url('../images/arrow.png') no-repeat 0px -36px; }
#page li.page-prev a:hover{ background-position:-36px -36px; }
.page-next a{ background:url('../images/arrow.png') no-repeat -36px 0px; }
	#page li.page-next a:hover{ background-position:0px 0px; }	
#post-prev,#post-next{ width:50px; height:50px; display:block; position:fixed; top:60%; background:rgba(0,0,0,0.2) url('prev.png') no-repeat 0 0; background:#3c3c3c url('prev.png') no-repeat 0 0\9; left:0; z-index:999;
	-webkit-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
	-moz-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:all .3s cubic-bezier(0.39, 0.575, 0.565, 1);}
#post-next{ left:auto; right:0; background-position:0 -50px; }
#post-prev:hover,#post-next:hover{ background-color:rgba(107,195,13,0.9); background-color:#0057ff\9; }
#page li.ellipsis{ background:none; color:#999; text-align:center; line-height:30px; }
#page li.ellipsis:hover{ background:none; color:#999;}


/**第三方弹出登录**/
.theme-buy{padding-top:14px;text-align:center;}
.theme-buy .login{width:42px;height:24px;line-height:24px;color:#fff;background:#0057ff;-webkit-border-radius:4px;border-radius:4px;}
.theme-popover-mask{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;display:none;}
.theme-popover{z-index:9;position:absolute;/*top:50%;*/top:150px;left:35%;width:600px;height:400px;box-shadow: 0px 0px 15px rgba(4,0,0,.4);/*margin:-180px 0 0 -330px;*/border-radius:5px;background:#fff;}
.theme-poptit{padding:12px;position:relative;height:24px;}
.theme-poptit .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 30px/18px simsun;font-weight:normal;text-shadow:0 1px 0 #ddd}
.theme-poptit .close:hover{color:#444;}
.login-new-child .login-new-line{width:450px;height:1px;margin:46px auto 0;background:#c9c9c9;position:relative;}
.login-new-child .login-new-line>span{display:block;width:180px;height:20px;line-height:20px;background:#fff;position:absolute;top:-10px;left:0;right:0;margin:0 auto;font-size:14px;color:#999;text-align:center;letter-spacing:1px;}
.login-new-child .login-in-way{width:100%;height:auto;text-align:center;margin-top:57px;}
	.login-in-way>a{width:64px;height:auto;display:inline-block;vertical-align:top}
	.login-in-way>a:nth-of-type(2){margin:0 78px}
	.login-in-way>a>p{display:block;width:64px;height:64px;border:1px solid #E7E7E7;border-radius:100%;overflow:hidden;background-color:#fff}
	.login-in-way>a>p>i{display:inline-block;margin:10px auto}
	.in-way-QQ:hover p i.icon-weixin,.in-way-SJ:hover p i.icon-shouji,.in-way-WX:hover p i.icon-qq{color:#fff}
	.login-in-way>a>span{display:block;width:100%;font-size:14px;color:#838383;letter-spacing:1px;margin-top:16px;text-align:center}

.protocol-link{font-size:12px;color:#ccc;display:block;text-align:center;margin-top:20px;}
